<script>
import api from '@/api/index'

export default {
  name: "detail",
  data() {
    return {
      detail: null
    }
  },
  mounted() {
    this.fetchData(this.$route.query.id)
  },
  methods: {
    async fetchData(id) {
      let result = await api.gui_zhang_detail(id)
      this.detail = result
    }
  }
}
</script>

<template>
  <div>
    <div  class="text-center text-3xl text-[#2d66a5] font-bold py-2">{{detail.title}}</div>
    <div v-html="detail.content" class=" overflow-auto"></div>
    <div class="py-3 text-blue-400 text-right flex"><a class="mr-2" :href="detail.pdfFile">下载图片版</a><a :href="detail.docFile">下载文档版</a></div>

  </div>
</template>

<style scoped>

</style>
